<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/weui/0.4.3/style/weui.min.css" rel="stylesheet">
<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/jquery-weui/1.2.1/css/jquery-weui.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery-weui/0.8.3/js/jquery-weui.min.js"></script>




<!-- 组件文档 "http://old.jqweui.com/components#grid"-->
<div class="weui_grids">
	<a href="javascript:;" class="weui_grid js_grid" data-id="button">
		<div class="weui_grid_icon">
			<img src="http://old.jqweui.com/images/icon_nav_button.png" alt="">
		</div>
		<p class="weui_grid_label">
			Button
		</p>
	</a>
	<a href="javascript:;" class="weui_grid js_grid" data-id="cell">
		<div class="weui_grid_icon">
			<img src="http://old.jqweui.com/images/icon_nav_cell.png" alt="">
		</div>
		<p class="weui_grid_label">
			Cell
		</p>
	</a>
	<a href="javascript:;" class="weui_grid js_grid" data-id="toast">
		<div class="weui_grid_icon">
			<img src="http://old.jqweui.com/images/icon_nav_toast.png" alt="">
		</div>
		<p class="weui_grid_label">
			Toast
		</p>
	</a>
	<a href="javascript:;" class="weui_grid js_grid" data-id="button">
		<div class="weui_grid_icon">
			<img src="http://old.jqweui.com/images/icon_nav_dialog.png" alt="">
		</div>
		<p class="weui_grid_label">
			Dialog
		</p>
	</a>
	<a href="javascript:;" class="weui_grid js_grid" data-id="cell">
		<div class="weui_grid_icon">
			<img src="http://old.jqweui.com/images/icon_nav_progress.png" alt="">
		</div>
		<p class="weui_grid_label">
			Progress
		</p>
	</a>
	<a href="javascript:;" class="weui_grid js_grid" data-id="toast">
		<div class="weui_grid_icon">
			<img src="http://old.jqweui.com/images/icon_nav_msg.png" alt="">
		</div>
		<p class="weui_grid_label">
			Msg
		</p>
	</a>
	<a href="javascript:;" class="weui_grid js_grid" data-id="button">
		<div class="weui_grid_icon">
			<img src="http://old.jqweui.com/images/icon_nav_article.png" alt="">
		</div>
		<p class="weui_grid_label">
			Article
		</p>
	</a>
	<a href="javascript:;" class="weui_grid js_grid" data-id="cell">
		<div class="weui_grid_icon">
			<img src="http://old.jqweui.com/images/icon_nav_icons.png" alt="">
		</div>
		<p class="weui_grid_label">
			Icons
		</p>
	</a>
	<a href="javascript:;" class="weui_grid js_grid" data-id="toast">
		<div class="weui_grid_icon">
			<img src="http://old.jqweui.com/images/icon_nav_panel.png" alt="">
		</div>
		<p class="weui_grid_label">
			Panel
		</p>
	</a>
</div>

<script type="text/javascript">
	$('.weui_grids>a').click(function(){
		console.log($(this).index());
	});
</script>
